<template>
    <div class="footer">
        <router-link :to="{name:'home'}">
            <span class="el-icon-s-home"></span><br>
            首页
        </router-link>
        <router-link :to="{path:'/hmxz'}">
            <span class="el-icon-grape"></span><br>盒马小镇</router-link>
        <router-link :to="{path:'/eatany'}">
            <span class="el-icon-fork-spoon"></span><br>吃什么</router-link>
        <router-link :to="{path:'/car'}">
            <span class="el-icon-shopping-cart-2"></span><br>购物车</router-link>
        <router-link :to="{name:'myself'}">
            <span class="el-icon-s-check"></span><br>我的</router-link>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.footer{
    width:100%;
    position:fixed;
    bottom:0;
    display:flex;
    justify-content:space-around;
    background-color: white;
}
a{
    text-decoration:none;
    font-size:12px;
    color:black;
}
.el-icon-s-home,.el-icon-grape,.el-icon-fork-spoon,.el-icon-shopping-cart-2,.el-icon-s-check{
    font-size:50px;
    color:black;
}
span{
    text-align: center;
}
.router-link-exact-active{
    color: #0BB0FF;
}
span:active{
    color: #0BB0FF;
}
</style>